<!DOCTYPE html>
<html lang="en">
<head>
    <!-- UTF-8，防止中文乱码 -->
    <meta charset="UTF-8">

    <!-- 浏览器标签页标题 -->
    <title>探索HTML的奥秘 - 我的学习笔记</title>

    <!-- 移动端设置, 让布局宽度等于设备宽度，初始缩放 1 倍，禁止默认缩小 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- 描述，用于搜索引擎 -->
    <meta name="description" content="这是一个关于HTML元数据、文本、图片、表格、表单及HTML5语义化标签应用的详细教程与示例页面。">

    <!-- 关键字，用于搜索引擎 -->
    <meta name="keywords" content="HTML, 元数据, 教程, 前端开发, Web开发, 语义化标签">

    <!-- 作者-->
    <meta name="author" content="故柠">
</head>
<body>
    <h1>HTML 元数据标签示例</h1>
    <p>查看 <code>&lt;head&gt;</code> 内的注释，了解每条 meta 标签的作用。</p>
</body>
</html>